<template>
  <view>
    <view class="padd-left-right">
      <u-form :model="inputForm" ref="uForm" label-width="200">
        <u-form-item label="处理人">
          <u-input v-model="inputForm.name" />
        </u-form-item>
        <u-form-item label="清理日期">
          <u-input v-model="inputForm.time" />
        </u-form-item>
        <u-form-item label="备注内容">
          <u-input v-model="inputForm.remarks" />
        </u-form-item>
      </u-form>
    </view>
    <!-- 间隔槽 -->
    <u-gap height="20" bg-color="#edeaea"></u-gap>

    <view class="dis-flex">
      <view class="dis-left-flex">
        <u-image
          width="100rpx"
          height="100rpx"
          src="https://cdn.uviewui.com/uview/example/fade.jpg"
        ></u-image>
      </view>
      <view class="dis-center-flex line-break-exceeded">
        <view>资产名称：酒精123</view>
        <view>资产编码：ASC123412542651</view>
      </view>
      <view class="dis-right-flex line-break-exceeded"
        >序列号：DFC1234524789</view
      >
    </view>

    <!-- 按钮 -->
    <view class="button-con">
      <view class="button-return">
        <view class="button" @click="submit">提交</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      inputForm: {
        name: "",
        time: "",
        spend: "",
        content: "",
        remarks: "",
      },
    };
  },
  methods: {
    // 提交
    submit() {
      uni.navigateTo({
        url: "/pages/eam/Assets/AssetsList/assetretirement/AssetRetirementList",
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.dis-flex {
  padding: 20rpx;
  border-bottom: 1px solid #ccc;
  display: flex;
  .dis-left-flex {
    flex: 20%;
  }
  .dis-center-flex {
    flex: 40%;
    padding: 0 10rpx;
  }
  .dis-right-flex {
    flex: 40%;
    padding: 0 10rpx;
  }
}
</style>
